<script src="vue.js"></script>
<div id="app">
    <p>{{title}}</p>
    <mcomponent></mcomponent>
</div>
<template id="temp1">
    <p>{{title}}</p>
</template>
<script>
Vue.component('mcomponent',{
    data(){
        return{
            title:"组件标题名称"
        }
    },
    template:'#temp1'
});
    var vue=new Vue({
        el:'#app',
        data:{
            title:"我是主页面标题"
        }
    });
</script>